<template>
 <el-breadcrumb separator="/">
    <el-breadcrumb-item v-for="item in matchedRoutes">
      <router-link :to="item.path">{{item.meta.title}}</router-link>
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default{
  name: 'BreadCrumb',
  computed: {
    matchedRoutes: function () {
      return this.$route.matched
    }
  }
}
</script>